<template>
  <div>          
    <Chart id="PersonAchievement" :data="achievement" style="width:100%;height:300px"></Chart>
  </div>
</template>

<script>
import Chart from "@/components/chart.vue";
export default {
  name: 'achievement',
  components: {
    Chart
  },
  data () {
    return {
      achievement: {
        legend: {},
        tooltip: {},
        backgroundColor:'transparent',
        dataset: {
          source: [
            ["name", "运动员个人", "队伍水平"],
            ["历史最高成绩", 10, 15],
            ["累加平均成绩",15, 14],
            ["历史最差成绩", 8, 10],
          ]
        },
        xAxis: { type: "category" },
        yAxis: {},

        series: [{ type: "bar", color: '#2f4554' }, { type: "bar",color: '#c23531' }]
      },
    }
  },
  mounted () {
  },
  methods: {
  }
}
</script>

<style scoped>

</style>
